﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        body
        {
            margin: 1px;
            padding: 2px;
            color: #060;
            background: #ccc;
        }
        #toper
        {
            height: 80px;
            border: 1px solid #000000;
        }
        #left
        {
            position: absolute;
            border: 1px solid #FFFFFF;
            top: 83px;
            left: 3px;
            width: 190px;
        }
        #middle
        {
            padding: 10px;
            border: 1px solid red;
            margin: 0px 190px 0px 190px;
            margin-top: 0px;
        }
        #right
        {
            position: absolute;
            border: 1px solid blue;
            top: 85px;
            right: 5px;
            width: 190px;
        }
        #mainbox
        {
            border: 1px solid orange;
        }
        #footer
        {
            border: 1px solid yellow;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="toper">
            <span>
                toper
            </span>
        </div>
        <div id="mainbox">
            <div id="left">
                <p>
                    left</p>
            </div>
            <div id="middle">
                <p>
                    middle</p>
            </div>
            <div id="right">
                <p>
                    right</p>
            </div>
        </div>
        <div id="footer">
            <p>
                footer</p>
        </div>
    </div>
</body>
</html>
